.text-center {
	text-align: center;
}

.text-right {
	text-align: right;
}

.page_content {
	padding: 28rpx;
	background-color: #FAFAFA;
	color: #000000;
}
.eye-right {
	margin-left: 6rpx;
}
.flex_center {
	display: flex;
	justify-content: center;
	align-items: center;
}

.flex_start {
	display: flex;
	justify-content: flex-start;
	align-items: center;
}

.flex_start_end {
	display: flex;
	justify-content: flex-start;
	align-items: end;
}

.flex_1 {
	flex: 1;
}

.flex_end {
	display: flex;
	justify-content: flex-end;
	align-items: center;
	flex-wrap: wrap;
	width: 100%;
}

.flex_between_end {
	display: flex;
	justify-content: space-between;
	align-items: end;
}

.flex_between_start {
	display: flex;
	justify-content: space-between;
	align-items: start;
}

.flex_center_end {
	display: flex;
	justify-content: flex-end;
	align-items: center;
}
.flex_between {
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.flex_around {
	display: flex;
	justify-content: space-around;
	align-items: center;
}

.flex_between_wrap {
	display: flex;
	justify-content: space-between;
	align-items: center;
	flex-wrap: wrap;
}

.flex_start_wrap {
	display: flex;
	justify-content: flex-start;
	align-items: center;
	flex-wrap: wrap;
}

.flex_bottom {
	display: flex;
	justify-content: space-between;
	align-items: center;
	position: fixed;
	padding-top: 10rpx;
	left: 28rpx;
	bottom: 0;
	width: calc(100% - 56rpx);
	z-index: 999;
	padding-bottom: 10rpx;
	background-color: #FFFFFF;
}

.font-24 {
	font-size: 24rpx;
}

.font-20 {
	font-size: 20rpx;
}

.font-13 {
	font-size: 13px;
}

.font-12 {
	font-size: 12px;
}

.font-11 {
	font-size: 11px;
}

.font-32 {
	font-size: 32rpx;
}

.ml_16 {
	margin-left: 16rpx;
}

.mt_32 {
	margin-top: 32rpx;
}

.mt_48 {
	margin-top: 48rpx;
}

.mt_64 {
	margin-top: 64rpx;
}

.mt_24 {
	margin-top: 24rpx;
}

.mt_96 {
	margin-top: 96rpx;
}

.mt_16 {
	margin-top: 16rpx;
}

.mb_16 {
	margin-bottom: 16rpx;
}

.pl_16 {
	padding-left: 16rpx;
}
.pr_32 {
	padding-right: 32rpx;
}
.pl_32 {
	padding-left: 32rpx;
}

.pl_132 {
	padding-left: 132rpx;
}

.plr_32 {
	padding: 0 32rpx;
}

.pt_12 {
	padding-top: 12rpx;
}
.ptb_12 {
	padding: 12rpx 0;
}
.skill_nowrap {
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	flex: 1;
	color: #1296db;
}

.skill_item {
	background: #EEEEEE;
	border-radius: 8rpx;
	margin-right: 8rpx;
	padding: 6rpx 12rpx;
	text-align: center;
	margin-bottom: 8rpx;
}
.detail_content {
	z-index: 10;
	margin-top: -10px;
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 18rpx 18rpx 32rpx 18rpx;
	background: #E1FAF9;
	box-shadow: 0rpx 8rpx 20rpx -6rpx rgba(242, 242, 242, 0.5);
}

.page_padding0_border {
	background: #FFFFFF;
	box-shadow: 0rpx 8rpx 20rpx -6rpx rgba(242, 242, 242, 0.5);
	border-radius: 16rpx;
	width: 100%;
}

.page_content_border {
	background: #FFFFFF;
	box-shadow: 0rpx 8rpx 20rpx -6rpx rgba(242, 242, 242, 0.5);
	border-radius: 16rpx;
	width: 100%;
	padding: 28rpx;
}

.flex_border_ridus {
	background: #FFFFFF;
	box-shadow: 0rpx 8rpx 20rpx -6rpx rgba(242, 242, 242, 0.5);
	border-radius: 16rpx;
	width: 100%;
	padding: 48rpx;
}

.submit_to_btn {
	background: #1296db;
	border-radius: 16rpx;
	line-height: 80rpx;
	height: 80rpx;
	text-align: center;
	color: #FFFFFF;
	margin-top: 24rpx;
}

.c_000 {
	color: #000000;
}

.c_F26 {
	color: #F26179;
}

.c_666 {
	color: #666666;
}

.c_999 {
	color: #999999;
}

.c_01B {
	color: #1296db;
}

.b_01B {
	background-color: #1296db;
}
.b_FFF {
	background-color: #FFFFFF;
}
.width100 {
	width: 100%;
}

.text_28 {
	font-size: 28rpx;
	font-weight: 600;
}

.text_32 {
	font-size: 32rpx;
	font-weight: 600;
}

.text_36 {
	font-size: 36rpx;
	font-weight: 600;
}

.text_40 {
	font-size: 40rpx;
}


.text_nowrap {
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
.scroll-view {
		white-space: nowrap;
		width: 100%;
		margin-bottom: 20rpx;
		background-color: #ffffff;
		padding:0 24rpx;
	}
	.scroll-item {
	  display: inline-block;
	  margin-right: 30rpx;
	  text-align: center;
	  font-size: 28rpx;
	  color: #999999;
	  position: relative;
	}
	.active {
		font-family: DingTalk JinBuTi, DingTalk JinBuTi;
		font-weight: 400;
		font-size: 40rpx;
		color: #333333;
		line-height: 57rpx;
		font-style: normal;
		text-transform: none;
	}
	.active_icon {
		width: 100%;
		height: 20rpx;
		position: absolute;
		top: 32rpx;
		background: linear-gradient( 180deg, #00FFAA 0%, rgba(0,255,170,0.2) 100%);
	}
	.dict_label {
		font-family: DingTalk JinBuTi, DingTalk JinBuTi;
		font-weight: 400;
		font-size: 28rpx;
		line-height: 33rpx;
		text-align: left;
		font-style: normal;
		text-transform: none;
		color: #00FFAA;
	}
.content_border {
	border-radius: 0 24rpx 24rpx 0;
	padding: 24rpx;
	background-color: #ffffff;
}
.bac_btn {
	background: url() no-repeat;
	background-size: 100% 100%;
	width: 400rpx;
	height: 96rpx;
	text-align: center;
	line-height: 96rpx;
	margin: 48rpx auto 12rpx;
}
.reload_btn {
	background: url() no-repeat;
	background-size: 100% 100%;
	width: 200rpx;
	height: 56rpx;
	text-align: center;
	line-height: 56rpx;
	margin-top: 2rpx;
	margin-right: 0rpx;
	margin-bottom: 12rpx;
	display: flex;
	justify-content: center;
}
.page_content_border {
	background-color: #ffffff;
	border-radius:  48rpx 0 48rpx 48rpx;
	margin-top: -25px;
}
.half_content_border {
	background-color: #ffffff;
	border-radius:  48rpx 40rpx 0 0;
	width: 99.8%;
	height: 90rpx;
	transform: rotate(-6deg);
}